import React from "react";
import { RecommendBox } from "./RecommendStyle";

import recommend1 from '../../../assets/mainIconfont/recommend1.jpg'
import recommend2 from '../../../assets/mainIconfont/recommend2.jpg'
import recommend3 from '../../../assets/mainIconfont/recommend3.png'
import recommend4 from '../../../assets/mainIconfont/recommend4.png'

const Recommend = () =>{
  return (
    <RecommendBox>
      <div className="recommend">
        <div className="title">新品好物</div>
        <div className="showPhone">
          <div className="showGoods">
            <img src={recommend1} alt="" />
            <div>Xiaomi 12</div>
          </div>
          <div className="showGoods">
            <img src={recommend2} alt="" />
            <div>小米净水器</div>
          </div>
          <div className="showGoods"></div>
        </div>
      </div>
      <div className="recommend">
      <div className="title">爆款排行</div>
        <div className="showPhone">
          <div className="showGoods">
            <img src={recommend3} alt="" />
            <div>小米无线耳机</div>
          </div>
          <div className="showGoods">
            <img src={recommend4} alt="" />
            <div>小米充电器</div>
          </div>
          <div className="showGoods"></div>
        </div>
      </div>
    </RecommendBox>
  )
}

export default Recommend